@blueking/ai-ui-sdk 0.0.14 → 0.0.15-beta.10

package/dist/assets/svg/picture-fail.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><g ><path fill="#979BA5" d="M208 198.88l168 0-7.84 86.08 51.68 87.36L382.4 486.72l114.88-98.4 7.84-112 41.76-78.08H824.64a56 56 0 0 1 51.68 52.8V721.6L747.04 555.36a40.96 40.96 0 0 0-67.36-5.12l-145.76 146.88L384 502.56c-16-20.96-41.76-20.96-62.56 0L150.56 712.96 152 252.48A54.4 54.4 0 0 1 208 198.88M823.84 145.44l-315.04 0-48 134.4 10.08 96.8L416 432l32.96-64-37.28-96 33.76-128-242.56 1.44A106.24 106.24 0 0 0 96 248.16l2.08 524.8A104.64 104.64 0 0 0 200.16 880h624A104.64 104.64 0 0 0 928 775.2V250.24a104.96 104.96 0 0 0-104.16-104.8"/><path fill="#979BA5" d="M569.28 405.44a88.32 88.32 0 0 0 43.04 75.52 84.64 84.64 0 0 0 86.88 0 86.72 86.72 0 0 0 43.04-75.52 88.64 88.64 0 0 0-43.04-75.52 85.44 85.44 0 0 0-86.88 0 88.64 88.64 0 0 0-43.04 75.52"/></g></svg>

package/dist/common/chart-helper.d.ts

@@ -1,4 +1,4 @@
-import type { Document } from '../types/type';
+import type { Document } from '../types/session';
 type HandleStart = (sessionCode: string) => any;
 type HandleText = (sessionCode: string, message: string, cover?: boolean) => void;
 type HandleReferenceDoc = (sessionCode: string, documents: Document[], cover?: boolean) => void;

package/dist/common/chart-helper.js

@@ -0,0 +1,173 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+import { isJSON } from './util.js';
+export class ChatHelper {
+    stream({ sessionCode, url, headers, data }) {
+        var _this = this;
+        return _async_to_generator(function*() {
+            var _this_handleStart, _this1;
+            // 开始
+            yield (_this_handleStart = (_this1 = _this).handleStart) === null || _this_handleStart === void 0 ? void 0 : _this_handleStart.call(_this1, sessionCode);
+            // 记录 controller
+            const controller = new AbortController();
+            _this.controllerMap[sessionCode] = controller;
+            // 发送请求
+            fetch(url, {
+                method: 'post',
+                signal: controller.signal,
+                headers: _object_spread({
+                    'Content-Type': 'application/json'
+                }, headers),
+                mode: 'cors',
+                credentials: 'include',
+                body: JSON.stringify(data)
+            }).then(function() {
+                var _ref = _async_to_generator(function*(response) {
+                    const reader = response.body.pipeThrough(new window.TextDecoderStream()).getReader();
+                    // 临时存储数据
+                    let temp = '';
+                    while(true){
+                        try {
+                            const { value, done } = yield reader.read();
+                            // 接口异常处理
+                            if (!response.ok) {
+                                let message = value || response.statusText;
+                                try {
+                                    const json = JSON.parse(message);
+                                    message = json.message || json.error.message || message;
+                                } catch (error) {
+                                    console.error(error.message || error);
+                                }
+                                _this.handleError(sessionCode, message, response.status);
+                                break;
+                            }
+                            // 接口完成
+                            if (done) {
+                                _this.handleEnd(sessionCode);
+                                break;
+                            }
+                            const values = (temp + value.toString()).split('\n');
+                            values.forEach((value)=>{
+                                const item = value.replace('data:', '').trim();
+                                if (isJSON(item)) {
+                                    const { event, content, cover, documents, result, code, elapsed_time, message } = JSON.parse(item);
+                                    // 业务错误处理
+                                    if (result === false || response.status !== 200) {
+                                        _this.handleError(sessionCode, message || '模型调用失败', code);
+                                        return;
+                                    }
+                                    switch(event){
+                                        case 'text':
+                                            _this.handleText(sessionCode, content, cover);
+                                            break;
+                                        case 'reference_doc':
+                                            var _this_handleReferenceDoc, _this1;
+                                            (_this_handleReferenceDoc = (_this1 = _this).handleReferenceDoc) === null || _this_handleReferenceDoc === void 0 ? void 0 : _this_handleReferenceDoc.call(_this1, sessionCode, documents, cover);
+                                            break;
+                                        case 'think':
+                                            var _this_handleThink, _this2;
+                                            (_this_handleThink = (_this2 = _this).handleThink) === null || _this_handleThink === void 0 ? void 0 : _this_handleThink.call(_this2, sessionCode, content, cover, elapsed_time);
+                                            break;
+                                        case 'done':
+                                            _this.handleEnd(sessionCode, cover ? content : '');
+                                            break;
+                                        case 'error':
+                                            _this.handleError(sessionCode, message || '模型调用失败', code);
+                                            break;
+                                    }
+                                    temp = '';
+                                } else if (item) {
+                                    temp = item;
+                                }
+                            });
+                        } catch (error) {
+                            if ((error === null || error === void 0 ? void 0 : error.code) !== 20) {
+                                _this.handleError(sessionCode, `模型调用失败：${error.message}`, error.code);
+                            }
+                            break;
+                        }
+                    }
+                });
+                return function(response) {
+                    return _ref.apply(this, arguments);
+                };
+            }());
+        })();
+    }
+    stop(sessionCode) {
+        var _this_controllerMap_sessionCode_abort, _this_controllerMap_sessionCode;
+        (_this_controllerMap_sessionCode = this.controllerMap[sessionCode]) === null || _this_controllerMap_sessionCode === void 0 ? void 0 : (_this_controllerMap_sessionCode_abort = _this_controllerMap_sessionCode.abort) === null || _this_controllerMap_sessionCode_abort === void 0 ? void 0 : _this_controllerMap_sessionCode_abort.call(_this_controllerMap_sessionCode);
+        return this.handleEnd(sessionCode);
+    }
+    constructor({ handleStart, handleText, handleReferenceDoc, handleThink, handleEnd, handleError }){
+        _define_property(this, "handleStart", void 0);
+        _define_property(this, "handleText", void 0);
+        _define_property(this, "handleReferenceDoc", void 0);
+        _define_property(this, "handleThink", void 0);
+        _define_property(this, "handleEnd", void 0);
+        _define_property(this, "handleError", void 0);
+        _define_property(this, "controllerMap", void 0);
+        this.handleStart = handleStart;
+        this.handleText = handleText;
+        this.handleReferenceDoc = handleReferenceDoc;
+        this.handleThink = handleThink;
+        this.handleEnd = handleEnd;
+        this.handleError = handleError;
+        this.controllerMap = {};
+    }
+}

package/dist/common/util.d.ts

@@ -1,9 +1,30 @@
+/**
+* 节流，每隔一段时间执行
+* @param {*} fn 需要执行的函数
+* @param {*} delay 延迟时间，默认200
+* @returns
+*/
+export declare const throttle: <T1, T2, R>(fn: (p1?: T1, p2?: T2) => R, delay?: number) => (p1?: T1, p2?: T2) => false | undefined;
 /**
  * 判断是否是 JSON 字符串
  * @param str 字符串
  * @returns 是否是 JSON 字符串
  */
 export declare const isJSON: (str: string) => boolean;
+/**
+ * 检查是不是 object 类型
+ * @param item
+ * @returns {boolean}
+ */
+export declare function isObject(item: any): boolean;
+/**
+ * 深度合并多个对象
+ * @param objectArray 待合并列表
+ * @returns {object} 合并后的对象
+ */
+export declare function deepMerge(...objectArray: object[]): any;
+export declare const mergeStringWithoutLeadingSlash: (str1?: string, str2?: string) => string;
+export declare const mergeStringWithoutLastSlash: (str1?: string, str2?: string) => string;
 /**
  * 响应时间格式化
  * @param val 待格式化时间，xxms
@@ -30,3 +51,13 @@ export declare const processPromptTemplate: (prompt: string, selectedText: strin
  * @returns 全屏的父元素
  */
 export declare const getFullScreenWrap: (target: HTMLElement) => HTMLElement | null;
+/**
+ * 获取用户头像
+ * @param username 用户名
+ * @returns 头像地址
+ */
+export declare function getUserImageUrl(username?: string): any;
+/**
+ * 处理头像加载失败的场景
+ */
+export declare function handleImageError(event: Event): void;

package/dist/common/util.js

@@ -0,0 +1,177 @@
+import { Message } from 'bkui-vue';
+import { emitEvent } from '../event/index.js';
+import { EventType } from '../types/enum.js';
+import userImageUrl from '../assets/images/user.png';
+/**
+* 节流，每隔一段时间执行
+* @param {*} fn 需要执行的函数
+* @param {*} delay 延迟时间，默认200
+* @returns
+*/ export const throttle = (fn, delay = 200)=>{
+    let valid = true;
+    return function(p1, p2) {
+        if (!valid) {
+            return false;
+        }
+        valid = false;
+        setTimeout(()=>{
+            fn(p1, p2);
+            valid = true;
+        }, delay);
+    };
+};
+/**
+ * 判断是否是 JSON 字符串
+ * @param str 字符串
+ * @returns 是否是 JSON 字符串
+ */ export const isJSON = (str)=>{
+    try {
+        JSON.parse(str);
+        return true;
+    } catch (e) {
+        return false;
+    }
+};
+/**
+ * 检查是不是 object 类型
+ * @param item
+ * @returns {boolean}
+ */ export function isObject(item) {
+    return Object.prototype.toString.apply(item) === '[object Object]';
+}
+/**
+ * 深度合并多个对象
+ * @param objectArray 待合并列表
+ * @returns {object} 合并后的对象
+ */ export function deepMerge(...objectArray) {
+    return objectArray.reduce((acc, obj)=>{
+        Object.keys(obj || {}).forEach((key)=>{
+            const pVal = acc[key];
+            const oVal = obj[key];
+            if (isObject(pVal) && isObject(oVal)) {
+                acc[key] = deepMerge(pVal, oVal);
+            } else {
+                acc[key] = oVal;
+            }
+        });
+        return acc;
+    }, {});
+}
+// 合并字符串，如果是 / 开头就去掉它
+export const mergeStringWithoutLeadingSlash = (str1 = '', str2 = '')=>{
+    const result = `${str1}/${str2}`;
+    if (result.startsWith('/')) {
+        return result.slice(1);
+    }
+    return result;
+};
+// 合并字符串，如果是 / 结尾就去掉它
+export const mergeStringWithoutLastSlash = (str1 = '', str2 = '')=>{
+    const result = `${str1}/${str2}`;
+    if (result.endsWith('/')) {
+        return result.slice(0, -1);
+    }
+    return result;
+};
+/**
+ * 响应时间格式化
+ * @param val 待格式化时间，xxms
+ * @returns 格式化后的时间,xx小时xx分钟xx秒
+ */ export function durationFormatter(val) {
+    const hours = Math.floor(val / 3600000);
+    const minutes = Math.floor(val % 3600000 / 60000);
+    const seconds = Math.floor(val % 60000 / 1000);
+    const milliseconds = val % 1000;
+    const parts = [];
+    if (hours > 0) {
+        parts.push(`${hours}h`);
+    }
+    if (minutes > 0) {
+        parts.push(`${minutes}min`);
+    }
+    if (seconds > 0) {
+        parts.push(`${seconds}s`);
+    }
+    if (milliseconds > 0) {
+        parts.push(`${milliseconds.toFixed(2)}ms`);
+    }
+    return parts.join(' ');
+}
+/**
+ * 前端下载文件
+ * @param {*} source 文件内容
+ * @param {*} filename 文件名
+ */ export function handleDownLoad(source, filename = 'ai.txt') {
+    const downloadEl = document.createElement('a');
+    const blob = new Blob([
+        source
+    ]);
+    downloadEl.download = filename;
+    downloadEl.href = URL.createObjectURL(blob);
+    downloadEl.style.display = 'none';
+    document.body.appendChild(downloadEl);
+    downloadEl.click();
+    document.body.removeChild(downloadEl);
+}
+export const handleCopy = (text)=>{
+    const textarea = document.createElement('textarea');
+    textarea.value = text;
+    document.body.appendChild(textarea);
+    textarea.select();
+    document.execCommand('copy');
+    Message({
+        theme: 'success',
+        message: '复制成功'
+    });
+    document.body.removeChild(textarea);
+};
+/**
+ * 处理提示词模板,替换模板中的变量
+ * @param prompt 提示词模板
+ * @param selectedText 选中的文本
+ * @returns 处理后的提示词
+ */ export const processPromptTemplate = (prompt, selectedText)=>{
+    return prompt.replace(/\{\{\s*SELECTED_TEXT\s*\}\}/g, selectedText || '');
+};
+/**
+ * 获取全屏的父元素
+ * @param target 全屏按钮
+ * @returns 全屏的父元素
+ */ export const getFullScreenWrap = (target)=>{
+    let parentElement = target.parentElement;
+    while(parentElement && !(parentElement === null || parentElement === void 0 ? void 0 : parentElement.classList.contains('full-screen-wrap'))){
+        parentElement = parentElement === null || parentElement === void 0 ? void 0 : parentElement.parentElement;
+    }
+    return parentElement;
+};
+/**
+ * 获取用户头像
+ * @param username 用户名
+ * @returns 头像地址
+ */ export function getUserImageUrl(username = '') {
+    var _process_env_BK_USER_IMAGE_URL;
+    if (username === 'admin') {
+        return userImageUrl;
+    }
+    return ((_process_env_BK_USER_IMAGE_URL = process.env.BK_USER_IMAGE_URL) === null || _process_env_BK_USER_IMAGE_URL === void 0 ? void 0 : _process_env_BK_USER_IMAGE_URL.replace('{placeholder}', username)) || userImageUrl;
+}
+/**
+ * 处理头像加载失败的场景
+ */ export function handleImageError(event) {
+    const { target } = event;
+    if (target.naturalWidth === 0) {
+        // 使用fetch API检查图片URL
+        fetch(target.src, {
+            method: 'HEAD',
+            credentials: 'include',
+            redirect: 'manual'
+        }).then((response)=>{
+            if (response.type === 'opaqueredirect') {
+                // 检测到重定向，调用登录方法
+                emitEvent(EventType.Unlogin);
+            }
+        }).catch((error)=>{
+            console.error('Failed to check image status:', error);
+        });
+    }
+}

package/dist/component/render-image/index.script.vue.js

@@ -0,0 +1,37 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = [
+    "src"
+];
+import fallbackPng from '../../assets/svg/picture-fail.svg';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        url: {},
+        size: {}
+    },
+    setup (__props) {
+        const handleImageError = (e)=>{
+            const target = e.target;
+            target.src = fallbackPng;
+        };
+        return (_ctx, _cache)=>{
+            return /http(s)?:\/\//.test(_ctx.url) ? (_openBlock(), _createElementBlock("img", _mergeProps({
+                key: 0
+            }, _ctx.$attrs, {
+                src: _ctx.url,
+                style: {
+                    width: `${_ctx.size}px`,
+                    height: `${_ctx.size}px`
+                },
+                onError: handleImageError
+            }), null, 16 /* FULL_PROPS */ , _hoisted_1)) : (_openBlock(), _createElementBlock("i", _mergeProps({
+                key: 1
+            }, _ctx.$attrs, {
+                class: `bkaidev-icon bkaidev-${_ctx.url}`,
+                style: {
+                    fontSize: `${_ctx.size}px`
+                }
+            }), null, 16 /* FULL_PROPS */ ));
+        };
+    }
+});

package/dist/component/render-image/index.vue.d.ts

@@ -0,0 +1,6 @@
+interface IProps {
+    url: string;
+    size: number;
+}
+declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/component/render-image/index.vue.js

@@ -0,0 +1,3 @@
+import script from './index.script.vue.js';
+script.__file = "./src/component/render-image/index.vue";
+export default script;

package/dist/component/render-input/index.script.vue.js

@@ -0,0 +1,205 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { normalizeClass as _normalizeClass, createVNode as _createVNode, createElementVNode as _createElementVNode, unref as _unref, withDirectives as _withDirectives, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = {
+    class: "quill-container"
+};
+import { bkTooltips as vBkTooltips } from 'bkui-vue';
+import { Close } from '../../../dist/node_modules/bkui-vue/lib/icon/index.js';
+import { computed, getCurrentInstance, nextTick, onMounted, ref, watch } from 'vue';
+import RenderDrag from './render-drag.vue.js';
+import RenderQuill from './render-quill.vue.js';
+import { SessionContentRole } from '../../types/enum.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        isChatting: {
+            type: Boolean
+        },
+        width: {},
+        dragPosition: {},
+        id: {},
+        supportTools: {
+            type: Boolean
+        },
+        supportImage: {
+            type: Boolean
+        },
+        sessionId: {},
+        placeholder: {},
+        sessionContents: {}
+    },
+    emits: [
+        "send"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emit = __emit;
+        const vm = getCurrentInstance();
+        const quillRef = ref();
+        const textHeight = ref(120);
+        const defaultHeight = ref(120);
+        const prompt = ref('');
+        const isUploadingImage = ref(false);
+        const disableTips = computed(()=>{
+            if (!prompt.value) {
+                return '请输入 Prompt 后再发送';
+            }
+            if (!prompt.value.trim()) {
+                return '输入的 Prompt 不能只包含空格';
+            }
+            if (props.isChatting) {
+                return '当前会话进行中，请等待会话结束后再发送';
+            }
+            if (isUploadingImage.value) {
+                return '正在上传图片，请等待图片上传完成后再发送';
+            }
+            return '';
+        });
+        const placeholder = computed(()=>{
+            let placeholder = '请输入 Prompt';
+            if (props.supportImage) {
+                placeholder += '\n您可以粘贴并发送图片，以查询图片相关问题';
+            }
+            if (props.supportTools) {
+                placeholder += '\n您可以键入“@”来快速获取该会话绑定的“知识和工具”名称来进行问答';
+            }
+            if (props.placeholder) {
+                placeholder = props.placeholder;
+            }
+            return placeholder;
+        });
+        const autoFocus = ()=>{
+            nextTick(()=>{
+                var _quillRef_value;
+                (_quillRef_value = quillRef.value) === null || _quillRef_value === void 0 ? void 0 : _quillRef_value.focus();
+            });
+        };
+        const handleChangeTextHeight = ()=>{
+            nextTick(()=>{
+                var _vm_proxy;
+                const elm = vm === null || vm === void 0 ? void 0 : (_vm_proxy = vm.proxy) === null || _vm_proxy === void 0 ? void 0 : _vm_proxy.$el.nextElementSibling.querySelector('.send-prompt-container .ql-editor');
+                if ((elm === null || elm === void 0 ? void 0 : elm.scrollHeight) > defaultHeight.value && prompt.value) {
+                    textHeight.value = elm.scrollHeight <= 400 ? elm.scrollHeight : 400;
+                } else {
+                    textHeight.value = defaultHeight.value;
+                }
+            });
+        };
+        // 从历史里面选择文本
+        const handleChooseHistory = ()=>{
+            var _props_sessionContents;
+            const userSessionContents = ((_props_sessionContents = props.sessionContents) === null || _props_sessionContents === void 0 ? void 0 : _props_sessionContents.filter((sessionContent)=>[
+                    SessionContentRole.User,
+                    SessionContentRole.Role,
+                    SessionContentRole.UserImage
+                ].includes(sessionContent.role))) || [];
+            const { content } = userSessionContents[userSessionContents.length - 1];
+            if (content !== prompt.value) {
+                var _quillRef_value;
+                (_quillRef_value = quillRef.value) === null || _quillRef_value === void 0 ? void 0 : _quillRef_value.setText(content);
+            }
+        };
+        const handleKeyDown = (event)=>{
+            var _props_sessionContents;
+            // 数据
+            const isEmpty = prompt.value === '' || prompt.value === undefined;
+            // 状态
+            const isSpecialEnter = event.key === 'Enter' && !event.shiftKey && !event.ctrlKey && !event.metaKey && !event.isComposing;
+            const isShowUpHistory = event.key === 'ArrowUp' && ((_props_sessionContents = props.sessionContents) === null || _props_sessionContents === void 0 ? void 0 : _props_sessionContents.length) && isEmpty;
+            if (isSpecialEnter) {
+                event.preventDefault();
+                handleSendPrompt();
+            }
+            if (isShowUpHistory) {
+                handleChooseHistory();
+            }
+        };
+        const handleChangeInput = (val)=>{
+            prompt.value = val;
+        };
+        const handleClearUserPrompt = ()=>{
+            var _quillRef_value;
+            (_quillRef_value = quillRef.value) === null || _quillRef_value === void 0 ? void 0 : _quillRef_value.setText('');
+        };
+        const handleSendPrompt = ()=>{
+            var // 清空
+            _quillRef_value;
+            // 没内容或执行中不做操作
+            if (disableTips.value) return;
+            // 发送
+            emit('send', prompt.value);
+            (_quillRef_value = quillRef.value) === null || _quillRef_value === void 0 ? void 0 : _quillRef_value.setText('');
+        };
+        watch(()=>prompt.value, (val)=>{
+            handleChangeTextHeight();
+        });
+        onMounted(autoFocus);
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createElementBlock("section", {
+                class: _normalizeClass([
+                    'send-prompt-container',
+                    _ctx.$attrs.class
+                ]),
+                style: _normalizeStyle({
+                    '--text-height': textHeight.value + 'px',
+                    '--default-height': defaultHeight.value + 'px',
+                    '--textarea-bottom': -textHeight.value + 'px'
+                })
+            }, [
+                _createElementVNode("section", _hoisted_1, [
+                    _createVNode(RenderQuill, {
+                        "is-uploading-image": isUploadingImage.value,
+                        "onUpdate:isUploadingImage": _cache[0] || (_cache[0] = ($event)=>isUploadingImage.value = $event),
+                        value: prompt.value,
+                        placeholder: placeholder.value,
+                        "session-id": _ctx.sessionId,
+                        "support-image": _ctx.supportImage,
+                        class: _normalizeClass({
+                            'send-prompt': true
+                        }),
+                        ref_key: "quillRef",
+                        ref: quillRef,
+                        onKeydown: handleKeyDown,
+                        onChange: handleChangeInput
+                    }, null, 8 /* PROPS */ , [
+                        "is-uploading-image",
+                        "value",
+                        "placeholder",
+                        "session-id",
+                        "support-image"
+                    ])
+                ]),
+                _withDirectives(_createElementVNode("i", {
+                    class: _normalizeClass({
+                        'bkaidev-icon bkaidev-fasong': true,
+                        'disable': disableTips.value
+                    }),
+                    onMousedown: handleSendPrompt
+                }, null, 34 /* CLASS, NEED_HYDRATION */ ), [
+                    [
+                        _unref(vBkTooltips),
+                        {
+                            content: disableTips.value,
+                            disabled: !disableTips.value
+                        }
+                    ]
+                ]),
+                prompt.value ? (_openBlock(), _createBlock(_unref(Close), {
+                    key: 0,
+                    class: "show-clear-only-hover bk-input--clear-icon bk-input--suffix-icon clear-icon",
+                    onClick: handleClearUserPrompt
+                })) : _createCommentVNode("v-if", true),
+                _createVNode(RenderDrag, {
+                    "default-height": defaultHeight.value,
+                    "onUpdate:defaultHeight": _cache[1] || (_cache[1] = ($event)=>defaultHeight.value = $event),
+                    "text-height": textHeight.value,
+                    "onUpdate:textHeight": _cache[2] || (_cache[2] = ($event)=>textHeight.value = $event),
+                    position: _ctx.dragPosition
+                }, null, 8 /* PROPS */ , [
+                    "default-height",
+                    "text-height",
+                    "position"
+                ])
+            ], 6 /* CLASS, STYLE */ );
+        };
+    }
+});